@extends('default.common.layout')

@section('content')
    <div class="body-center">
        <div class="product-banner">
            <div class="product-banner-box">
                <img src="{{_asset('static/images/product-banner.png')}}" class="img" alt="..." />
            </div>
        </div>
        <div class="container">
            <div class="product-introduce">
                <div class="name">产品详情</div>
            </div>
            <div class="product-center">
                <div class="row">
                    <!-- 产品导航 -->
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-3">
                        <ul class="product-nav">
                            <li class="title"></li>
                            @T:cate(pid='1', cache='3600')
                                <li>
                                    <a @if($id == $field['id']) class="active" @endif href="/product/{{$field['id']}}.html">{{$field['title']}}</a>
                                </li>
                                @php
                                    if ($id == $field['id']) {
                                        $currentTitle = $field['title'];
                                    }
                                @endphp
                            @T:end
                        </ul>
                    </div>
                    <!-- 产品详情 -->
                    <div
                        class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-9 product-detail">
                        <div class="row">
                            <div class="col-12 col-sm-4 col-md-4">
                                <img src="{{$data['photo']}}" class="img-fluid" />
                            </div>
                            <div class="col-12 col-sm-8 col-md-8 detail">
                                <p class="name">
                                    <span class="key">品名：</span>
                                    <span class="val">{{$data['title']}}</span>
                                </p>
                                <p>
                                    <span class="key">酒精度：</span>
                                    <span class="val">{{$data['vol']}}</span>
                                </p>
                                <p>
                                    <span class="key">规格：</span>
                                    <span class="val">{{$data['spec']}}</span>
                                </p>
                                <ul class="characteristic">
                                    <li>产品特点：</li>
                                    <li>
                                        {{$data['intro']}}
                                    </li>
                                </ul>
                            </div>
                            <div class="col-12 img-show">
                                {!! $data['content'] !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
